a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

table,tbody,td,tfoot,th,thead,tr {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a {
    color: #7e8c8d;
    text-decoration: none;
    -webkit-backface-visibility: hidden
}

li {
    list-style: none
}

body,html {
    width: 100%;
    height: 100%
}

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

em {
    font-style: normal
}

body {
    padding: 0;
    color: #505050;
    font-family: PingFangSC-Regular,PingFang SC,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif
}

.oh {
    overflow: hidden
}

.oa {
    overflow: auto
}

.h100p {
    height: 100%
}

.pt100p {
    padding-top: 100%
}

.vam {
    vertical-align: middle
}

.vat {
    vertical-align: top
}

.vatb {
    vertical-align: text-bottom
}

.pr {
    position: relative
}

.pf {
    position: fixed
}

.pa {
    position: absolute
}

.z1 {
    z-index: 1
}

.t0 {
    top: 0
}

.r0 {
    right: 0
}

.b0 {
    bottom: 0
}

.l0 {
    left: 0
}

.t50p {
    top: 50%
}

.l50p {
    left: 50%
}

.l100p {
    left: 100%
}

.t100p {
    top: 100%
}

.mla {
    margin-left: auto
}

.mra {
    margin-right: auto
}

.oln {
    outline: none
}

.bsbb {
    box-sizing: border-box
}

.cp {
    cursor: pointer
}

.df {
    display: flex
}

.dif {
    display: inline-flex
}

.di {
    display: inline
}

.db {
    display: block
}

.dn {
    display: none
}

.dib {
    display: inline-block
}

.fl {
    float: left
}

.fr {
    float: right
}

.fa {
    flex: auto
}

.aic {
    align-items: center
}

.aife {
    align-items: flex-end
}

.aifs {
    align-items: flex-start
}

.fdr {
    flex-direction: row
}

.fdc {
    flex-direction: column
}

.fww {
    flex-wrap: wrap
}

.fs1 {
    flex-shrink: 1
}

.f1 {
    flex: 1;
    min-width: 0
}

.jcsb {
    justify-content: space-between
}

.jcsa {
    justify-content: space-around
}

.jcc {
    justify-content: center
}

.jcfe {
    justify-content: flex-end
}

.jcfs {
    justify-content: flex-start
}

.vh {
    visibility: hidden
}

.br100p {
    border-radius: 100%
}

.fvsc {
    font-variant: small-caps;
    text-transform: lowercase
}

.fw400 {
    font-weight: 400
}

.fw700,.fwb {
    font-weight: 700
}

.fsi {
    font-style: italic
}

.fsn {
    font-style: normal
}

.wsn {
    white-space: nowrap
}

.wwbw {
    word-wrap: break-word;
    word-break: break-all
}

.lh1 {
    line-height: 1
}

.tar {
    text-align: right
}

.tac {
    text-align: center
}

.tal {
    text-align: left
}

.taj {
    text-align: justify
}

.ttu {
    text-transform: uppercase
}

.ttc {
    text-transform: capitalize
}

.ttn {
    text-transform: none
}

.ttl {
    text-transform: lowercase
}

.tdn {
    text-decoration: none
}

.lsn {
    list-style: none
}

.usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pen {
    pointer-events: none
}

.c_fff {
    color: #fff
}

.c_000 {
    color: #000
}

.bc_fff {
    background-color: #fff
}

.clearfix:after {
    display: table;
    content: "";
    clear: both
}

.ell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.m-10 {
    margin: -10px
}

.m-20 {
    margin: -20px
}

.m0 {
    margin: 0
}

.m1 {
    margin: 1px
}

.m2 {
    margin: 2px
}

.m4 {
    margin: 4px
}

.m6 {
    margin: 6px
}

.m8 {
    margin: 8px
}

.m10 {
    margin: 10px
}

.m12 {
    margin: 12px
}

.m14 {
    margin: 14px
}

.m16 {
    margin: 16px
}

.m18 {
    margin: 18px
}

.m20 {
    margin: 20px
}

.m24 {
    margin: 24px
}

.m28 {
    margin: 28px
}

.m30 {
    margin: 30px
}

.m40 {
    margin: 40px
}

.m50 {
    margin: 50px
}

.m60 {
    margin: 60px
}

.m70 {
    margin: 70px
}

.m80 {
    margin: 80px
}

.m90 {
    margin: 90px
}

.m100 {
    margin: 100px
}

.mt-10 {
    margin-top: -10px
}

.mt-20 {
    margin-top: -20px
}

.mt0 {
    margin-top: 0
}

.mt1 {
    margin-top: 1px
}

.mt2 {
    margin-top: 2px
}

.mt4 {
    margin-top: 4px
}

.mt6 {
    margin-top: 6px
}

.mt8 {
    margin-top: 8px
}

.mt10 {
    margin-top: 10px
}

.mt12 {
    margin-top: 12px
}

.mt14 {
    margin-top: 14px
}

.mt16 {
    margin-top: 16px
}

.mt18 {
    margin-top: 18px
}

.mt20 {
    margin-top: 20px
}

.mt24 {
    margin-top: 24px
}

.mt28 {
    margin-top: 28px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt90 {
    margin-top: 90px
}

.mt100 {
    margin-top: 100px
}

.mb-10 {
    margin-bottom: -10px
}

.mb-20 {
    margin-bottom: -20px
}

.mb0 {
    margin-bottom: 0
}

.mb1 {
    margin-bottom: 1px
}

.mb2 {
    margin-bottom: 2px
}

.mb4 {
    margin-bottom: 4px
}

.mb6 {
    margin-bottom: 6px
}

.mb8 {
    margin-bottom: 8px
}

.mb10 {
    margin-bottom: 10px
}

.mb12 {
    margin-bottom: 12px
}

.mb14 {
    margin-bottom: 14px
}

.mb16 {
    margin-bottom: 16px
}

.mb18 {
    margin-bottom: 18px
}

.mb20 {
    margin-bottom: 20px
}

.mb24 {
    margin-bottom: 24px
}

.mb28 {
    margin-bottom: 28px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb90 {
    margin-bottom: 90px
}

.mb100 {
    margin-bottom: 100px
}

.mr-10 {
    margin-right: -10px
}

.mr-20 {
    margin-right: -20px
}

.mr0 {
    margin-right: 0
}

.mr1 {
    margin-right: 1px
}

.mr2 {
    margin-right: 2px
}

.mr4 {
    margin-right: 4px
}

.mr6 {
    margin-right: 6px
}

.mr8 {
    margin-right: 8px
}

.mr10 {
    margin-right: 10px
}

.mr12 {
    margin-right: 12px
}

.mr14 {
    margin-right: 14px
}

.mr16 {
    margin-right: 16px
}

.mr18 {
    margin-right: 18px
}

.mr20 {
    margin-right: 20px
}

.mr24 {
    margin-right: 24px
}

.mr28 {
    margin-right: 28px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr70 {
    margin-right: 70px
}

.mr80 {
    margin-right: 80px
}

.mr90 {
    margin-right: 90px
}

.mr100 {
    margin-right: 100px
}

.ml-10 {
    margin-left: -10px
}

.ml-20 {
    margin-left: -20px
}

.ml0 {
    margin-left: 0
}

.ml1 {
    margin-left: 1px
}

.ml2 {
    margin-left: 2px
}

.ml4 {
    margin-left: 4px
}

.ml6 {
    margin-left: 6px
}

.ml8 {
    margin-left: 8px
}

.ml10 {
    margin-left: 10px
}

.ml12 {
    margin-left: 12px
}

.ml14 {
    margin-left: 14px
}

.ml16 {
    margin-left: 16px
}

.ml18 {
    margin-left: 18px
}

.ml20 {
    margin-left: 20px
}

.ml24 {
    margin-left: 24px
}

.ml28 {
    margin-left: 28px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml80 {
    margin-left: 80px
}

.ml90 {
    margin-left: 90px
}

.ml100 {
    margin-left: 100px
}

.p0 {
    padding: 0
}

.p1 {
    padding: 1px
}

.p2 {
    padding: 2px
}

.p4 {
    padding: 4px
}

.p6 {
    padding: 6px
}

.p8 {
    padding: 8px
}

.p10 {
    padding: 10px
}

.p12 {
    padding: 12px
}

.p14 {
    padding: 14px
}

.p16 {
    padding: 16px
}

.p18 {
    padding: 18px
}

.p20 {
    padding: 20px
}

.p24 {
    padding: 24px
}

.p28 {
    padding: 28px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.p50 {
    padding: 50px
}

.p60 {
    padding: 60px
}

.p70 {
    padding: 70px
}

.p80 {
    padding: 80px
}

.p90 {
    padding: 90px
}

.p100 {
    padding: 100px
}

.pt0 {
    padding-top: 0
}

.pt1 {
    padding-top: 1px
}

.pt2 {
    padding-top: 2px
}

.pt4 {
    padding-top: 4px
}

.pt6 {
    padding-top: 6px
}

.pt8 {
    padding-top: 8px
}

.pt10 {
    padding-top: 10px
}

.pt12 {
    padding-top: 12px
}

.pt14 {
    padding-top: 14px
}

.pt16 {
    padding-top: 16px
}

.pt18 {
    padding-top: 18px
}

.pt20 {
    padding-top: 20px
}

.pt24 {
    padding-top: 24px
}

.pt28 {
    padding-top: 28px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt90 {
    padding-top: 90px
}

.pt100 {
    padding-top: 100px
}

.pr0 {
    padding-right: 0
}

.pr1 {
    padding-right: 1px
}

.pr2 {
    padding-right: 2px
}

.pr4 {
    padding-right: 4px
}

.pr6 {
    padding-right: 6px
}

.pr8 {
    padding-right: 8px
}

.pr10 {
    padding-right: 10px
}

.pr12 {
    padding-right: 12px
}

.pr14 {
    padding-right: 14px
}

.pr16 {
    padding-right: 16px
}

.pr18 {
    padding-right: 18px
}

.pr20 {
    padding-right: 20px
}

.pr24 {
    padding-right: 24px
}

.pr28 {
    padding-right: 28px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr50 {
    padding-right: 50px
}

.pr60 {
    padding-right: 60px
}

.pr70 {
    padding-right: 70px
}

.pr80 {
    padding-right: 80px
}

.pr90 {
    padding-right: 90px
}

.pr100 {
    padding-right: 100px
}

.pb0 {
    padding-bottom: 0
}

.pb1 {
    padding-bottom: 1px
}

.pb2 {
    padding-bottom: 2px
}

.pb4 {
    padding-bottom: 4px
}

.pb6 {
    padding-bottom: 6px
}

.pb8 {
    padding-bottom: 8px
}

.pb10 {
    padding-bottom: 10px
}

.pb12 {
    padding-bottom: 12px
}

.pb14 {
    padding-bottom: 14px
}

.pb16 {
    padding-bottom: 16px
}

.pb18 {
    padding-bottom: 18px
}

.pb20 {
    padding-bottom: 20px
}

.pb24 {
    padding-bottom: 24px
}

.pb28 {
    padding-bottom: 28px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pb80 {
    padding-bottom: 80px
}

.pb90 {
    padding-bottom: 90px
}

.pb100 {
    padding-bottom: 100px
}

.pl0 {
    padding-left: 0
}

.pl1 {
    padding-left: 1px
}

.pl2 {
    padding-left: 2px
}

.pl4 {
    padding-left: 4px
}

.pl6 {
    padding-left: 6px
}

.pl8 {
    padding-left: 8px
}

.pl10 {
    padding-left: 10px
}

.pl12 {
    padding-left: 12px
}

.pl14 {
    padding-left: 14px
}

.pl16 {
    padding-left: 16px
}

.pl18 {
    padding-left: 18px
}

.pl20 {
    padding-left: 20px
}

.pl24 {
    padding-left: 24px
}

.pl28 {
    padding-left: 28px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.pl70 {
    padding-left: 70px
}

.pl80 {
    padding-left: 80px
}

.pl90 {
    padding-left: 90px
}

.pl100 {
    padding-left: 100px
}

.fs0 {
    font-size: 0
}

.fs10 {
    font-size: 10px
}

.fs12 {
    font-size: 12px
}

.fs14 {
    font-size: 14px
}

.fs16 {
    font-size: 16px
}

.fs18 {
    font-size: 18px
}

.fs20 {
    font-size: 20px
}

.fs24 {
    font-size: 24px
}

.fs28 {
    font-size: 28px
}

.fs30 {
    font-size: 30px
}

.fs40 {
    font-size: 40px
}

.fs50 {
    font-size: 50px
}

.fs60 {
    font-size: 60px
}

.fs70 {
    font-size: 70px
}

.fs80 {
    font-size: 80px
}

.fs90 {
    font-size: 90px
}

.fs100 {
    font-size: 100px
}

.lh0 {
    line-height: 0
}

.lh1 {
    line-height: 1px
}

.lh2 {
    line-height: 2px
}

.lh4 {
    line-height: 4px
}

.lh6 {
    line-height: 6px
}

.lh8 {
    line-height: 8px
}

.lh10 {
    line-height: 10px
}

.lh12 {
    line-height: 12px
}

.lh14 {
    line-height: 14px
}

.lh16 {
    line-height: 16px
}

.lh18 {
    line-height: 18px
}

.lh20 {
    line-height: 20px
}

.lh24 {
    line-height: 24px
}

.lh28 {
    line-height: 28px
}

.lh30 {
    line-height: 30px
}

.lh32 {
    line-height: 32px
}

.lh40 {
    line-height: 40px
}

.lh50 {
    line-height: 50px
}

.lh60 {
    line-height: 60px
}

.lh70 {
    line-height: 70px
}

.lh80 {
    line-height: 80px
}

.lh90 {
    line-height: 90px
}

.lh100 {
    line-height: 100px
}

.w0 {
    width: 0
}

.w4 {
    width: 4px
}

.w8 {
    width: 8px
}

.w10 {
    width: 10px
}

.w16 {
    width: 16px
}

.w20 {
    width: 20px
}

.w24 {
    width: 24px
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w200 {
    width: 200px
}

.w300 {
    width: 300px
}

.w400 {
    width: 400px
}

.w500 {
    width: 500px
}

.w600 {
    width: 600px
}

.w700 {
    width: 700px
}

.w800 {
    width: 800px
}

.w900 {
    width: 900px
}

.w1000 {
    width: 1000px
}

.w10p {
    width: 10%
}

.w20p {
    width: 20%
}

.w30p {
    width: 30%
}

.w35p {
    width: 35%
}

.w40p {
    width: 40%
}

.w60p {
    width: 60%
}

.w70p {
    width: 70%
}

.w80p {
    width: 80%
}

.w90p {
    width: 90%
}

.w100p {
    width: 100%
}

.mw100p {
    max-width: 100%
}

.mw50p {
    max-width: 50%
}

.h0 {
    height: 0
}

.h1 {
    height: 1px
}

.h2 {
    height: 2px
}

.h4 {
    height: 4px
}

.h8 {
    height: 8px
}

.h10 {
    height: 10px
}

.h16 {
    height: 16px
}

.h20 {
    height: 20px
}

.h24 {
    height: 24px
}

.h30 {
    height: 30px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h80 {
    height: 80px
}

.h90 {
    height: 90px
}

.h100 {
    height: 100px
}

.h180 {
    height: 170px
}

.h200 {
    height: 200px
}

.h300 {
    height: 300px
}

.h400 {
    height: 400px
}

.h500 {
    height: 500px
}

.h600 {
    height: 600px
}

.h700 {
    height: 700px
}

.h800 {
    height: 800px
}

.h900 {
    height: 900px
}

.h1000 {
    height: 1000px
}

.mh500 {
    max-height: 500px
}

.mh400 {
    max-height: 400px
}

.mh300 {
    max-height: 300px
}

.mh200 {
    max-height: 200px
}

.mh100 {
    max-height: 100px
}

.br4 {
    border-radius: 4px
}

.c_00c {
    color: #00c1c2
}

.c_2B2C3C {
    color: #2b2c3c
}

.c_7F7F8E {
    color: #7f7f8e
}

.c_C7C7D7 {
    color: #c7c7d7
}

.c_01C2C3 {
    color: #01c2c3
}

.c_16A5af {
    color: #16a5af
}

.c_FFFFFF {
    color: #fff
}

.c_14151A {
    color: #14151a
}

.c_DCDCE6 {
    color: #dcdce6
}

.c_F1F1F5 {
    color: #f1f1f5
}

.c_009C00 {
    color: #009c00
}

.c_EB8A00 {
    color: #eb8a00
}

.c_DF2020 {
    color: #df2020
}

.c_1052C0 {
    color: #1052c0
}

.c_A3E9A3 {
    color: #a3e9a3
}

.c_FFD266 {
    color: #ffd266
}

.c_FFBBBB {
    color: #fbb
}

.c_B6CCF2 {
    color: #b6ccf2
}

.c_F3FCF3 {
    color: #f3fcf3
}

.c_FFFBF2 {
    color: #fffbf2
}

.c_FFF6F6 {
    color: #fff6f6
}

.c_EFF5FF {
    color: #eff5ff
}

.c_f52 {
    color: #f5222d
}

.c_2bd42b {
    color: #2bd42b
}

.c_DCDFE6 {
    color: #dcdfe6
}

.c_000000d9 {
    color: rgba(0,0,0,.8509803921568627)
}

.c_00000073 {
    color: rgba(0,0,0,.45098039215686275)
}

.c_aaaabb {
    color: #aab
}

.c_0141fb {
    color: #0141fb
}

.c_333 {
    color: #333
}

.c_888 {
    color: #888
}

.bc_00c {
    background-color: #00c1c2
}

.bc_2B2C3C {
    background-color: #2b2c3c
}

.bc_7F7F8E {
    background-color: #7f7f8e
}

.bc_C7C7D7 {
    background-color: #c7c7d7
}

.bc_01C2C3 {
    background-color: #01c2c3
}

.bc_16A5af {
    background-color: #16a5af
}

.bc_FFFFFF {
    background-color: #fff
}

.bc_14151A {
    background-color: #14151a
}

.bc_DCDCE6 {
    background-color: #dcdce6
}

.bc_F1F1F5 {
    background-color: #f1f1f5
}

.bc_009C00 {
    background-color: #009c00
}

.bc_EB8A00 {
    background-color: #eb8a00
}

.bc_DF2020 {
    background-color: #df2020
}

.bc_1052C0 {
    background-color: #1052c0
}

.bc_A3E9A3 {
    background-color: #a3e9a3
}

.bc_FFD266 {
    background-color: #ffd266
}

.bc_FFBBBB {
    background-color: #fbb
}

.bc_B6CCF2 {
    background-color: #b6ccf2
}

.bc_F3FCF3 {
    background-color: #f3fcf3
}

.bc_FFFBF2 {
    background-color: #fffbf2
}

.bc_FFF6F6 {
    background-color: #fff6f6
}

.bc_EFF5FF {
    background-color: #eff5ff
}

.bc_f52 {
    background-color: #f5222d
}

.bc_2bd42b {
    background-color: #2bd42b
}

.bc_DCDFE6 {
    background-color: #dcdfe6
}

.bc_000000d9 {
    background-color: rgba(0,0,0,.8509803921568627)
}

.bc_00000073 {
    background-color: rgba(0,0,0,.45098039215686275)
}

.bc_aaaabb {
    background-color: #aab
}

.bc_0141fb {
    background-color: #0141fb
}

.bc_f5f5f9 {
    background-color: #f5f5f9
}

.bc_F7F7F7 {
    background-color: #f7f7f7
}

.fs15 {
    font-size: 15px
}

.br50p {
    border-radius: 50%
}

.c_hint {
    color: #7f7f8e
}

.pc {
    color: #4a8cff
}

.fw600 {
    font-weight: 600
}

.abs-dialog {
    display: flex
}

.abs-dialog .el-dialog {
    margin: auto!important
}

.w100p-form .el-select {
    width: 100%
}

.el-tag.el-tag--blue {
    background-color: #ecf5ff;
    border-color: #d9ecff;
    color: #409eff
}

.el-cascader__tags span {
    color: #2b2c3c
}

.fs72 {
    font-size: 72px
}

.cfe5263 {
    color: #fe5263
}

.c00cbcc {
    color: #00cbcc
}

.bshadow {
    border-radius: 2px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

.fsk0 {
    flex-shrink: 0
}

.pt3 {
    padding-top: 3px
}

.pb3 {
    padding-bottom: 3px
}

.br2 {
    border-radius: 2px
}

.w50p {
    width: 50%
}

.w120 {
    width: 120px
}

.h120 {
    height: 120px
}

.mr20 {
    margin-left: 20px
}

/* login */
body{
    background: #f5f5f9;
    --primary-color: #01c2c3;
    /* #16a5af;  2 */
      /* #01c2c3 基础1 */
}

.el-button{
  border-radius: 2px;
  font-weight: 400;
}
.el-button--primary{
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}
.login_register_container {
    position: absolute;
    left: calc(50% + 282px);
    top: 92px
}

.login_register_container>.login-con {
    width: 320px!important
}

.login_register_container>.login-con>.text-tips {
    background: #fff;
    position: relative
}

.login_register_container>.login-con>.text-tips:before {
    content: "";
    position: absolute;
    height: 1px;
    background-color: #f1f1f5;
    width: calc(100% - 48px);
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.login_register_container>.login-con>.text-tips .arrow-right {
    line-height: 20px
}


.login-con[data-v-3f1f01be] {
    width: 384px;
    padding: 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: 8px
}

.login-con[data-v-3f1f01be] .el-input-group__append {
    background: #fff
}

.login-con[data-v-3f1f01be] .el-form-item__error--inline {
    margin-left: 0
}

.login-con[data-v-3f1f01be] .el-form-item--medium .el-form-item__content {
    line-height: 12px
}

.login-con .account[data-v-3f1f01be] .el-form-item__content {
    min-height: 48px
}

.login-con[data-v-3f1f01be] .el-form-item--medium .el-form-item__error {
    padding-top: 8px
}

.login[data-v-3f1f01be] {
    padding: 24px 24px 14px 24px
}

.login .el-form-item--medium.el-form-item[data-v-3f1f01be] {
    margin-bottom: 16px
}

.login[data-v-3f1f01be] .el-input-group__prepend {
    background: #fff
}

.title[data-v-3f1f01be] {
    margin: 0 0 24px;
    font-size: 20px;
    line-height: 24px;
    color: #2c2c3c
}

.tips[data-v-3f1f01be] {
    margin: -16px 0 0;
    justify-content: center
}

.text-tips[data-v-3f1f01be],.tips[data-v-3f1f01be] {
    display: flex;
    font-size: 12px;
    letter-spacing: .5px;
    color: #7f7f8e;
    line-height: 16px
}

.text-tips[data-v-3f1f01be] {
    margin: 0;
    padding: 12px 24px;
    background-color: #f8f8fa;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.text-tips .arrow-right[data-v-3f1f01be] {
    color: #16a5af;
    font-weight: 800
}

.agree-with[data-v-3f1f01be],.text-tips[data-v-3f1f01be] .el-checkbox__label {
    font-size: 12px;
    color: #7f7f8e;
    font-weight: 400;
}